<template>
  <div class="fillContent" style="height:85%;">

    <!-- <el-tabs v-model="activeName" @tab-click="handleClick" centered stretch > -->
    <el-tabs v-model="activeName" centered stretch>
      <el-tab-pane label="工作日志" name="first">
        <work-log  :projectInfo="projectInfo" >
        </work-log>
      </el-tab-pane>
      <el-tab-pane label="物料清单" name="second">
        <bom   :projectInfo="projectInfo"></bom>
      </el-tab-pane>
      <el-tab-pane label="验货回执" name="third">
        <accept-receipt   :projectInfo="projectInfo"></accept-receipt>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>
<script>
import workLog from "../../components/StageConstructStage/workLog.vue";
import bom from "../../components/StageConstructStage/bomQD.vue";
import acceptReceipt from "../../components/StageConstructStage/acceptReceipt.vue";
export default {
  props: ['projectInfo'],
  watch: {
    projectInfo: {

      handler(newData, oldData) {
        this.getData(newData.projectId)

      },

    },
  },
  data() {
    return {
      activeName: 'first',
      getDataFromDom: {},
    }
  },
  name: "constructStage",
  created() {
  },
  methods: {
    getData(id) {
    },
    valueDistrubute() {

    }
  },
  components: {
    workLog,
    bom,
    acceptReceipt,
  },
  mounted() {


  }
}

</script>
<style>
/* .fillContent {
  margin-top: 20px;
  opacity: 1;
  border-radius: 4px 4px 4px 4px;
  border: 2px solid #DCDFE6;
  padding: 15px;
  margin-bottom: 15px;
} */
</style>
